<script setup lang="ts">
import { useCounterStore } from '@/stores/counter';

const store = useCounterStore()

</script>

<template>
    <div>
        <h1>CountA</h1>
        <h2>当前的数量: {{ store.count }}</h2>
        <h2>当前的双倍数量: {{ store.doubleCount }}</h2>
        <!-- 深坑 -->
        <button @click="store.add()">++</button>
        <button @click="store.cut()">--</button>
    </div>
</template>
